.theme-btn {
	background-color: $theme-primary-color;
	color: $white;
	font-size: 14px;
	font-size: calc-rem-value(14);
	font-weight: bold;
	padding: 17px 30px;
	border: 0;
	@include rounded-border(0);
	text-transform: uppercase;
	display: inline-block;
	line-height: initial;

	&:hover,
	&:focus,
	&:active {
		background-color: darken($theme-primary-color, 5%);
		color: $white;
	}

	@include media-query(991px) {
		font-size: 13px;
		padding: 15px 25px;
	}

	@include media-query(767px) {
		padding: 13px 20px;
		font-size: 13px;
	}
}

.theme-btn-s2 {
	@extend .theme-btn;
	background-color: transparentize($white, 0.1);
	color: $heading-color;
}

.theme-btn-s3 {
	@extend .theme-btn-s2;
	border: 2px solid $theme-primary-color;
	padding: 15px 30px;

	@include media-query(991px) {
		font-size: 13px;
		padding: 13px 25px;
	}

	@include media-query(767px) {
		padding: 11px 20px;
		font-size: 13px;
	}
}